<html>
<head>
    <meta charset="utf-8">
    <title>draw-feature Demo</title>
    <!-- 项目支持资源导入 -->
    <link href="../commons/OpenLayer3/css/ol.css" type="text/css" rel="stylesheet">
    <link href="../commons/OpenLayer3/resources/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="../commons/OpenLayer3/resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css"
          rel="stylesheet">
    <link rel="stylesheet" href="../commons/OpenLayer3/resources/layout.css"/>
    <!-- 项目支持js文件导入 -->
    <script src="../commons/OpenLayer3/build/ol-debug.js"></script>
    <script src="../commons/OpenLayer3/closure-library/closure/goog/base.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../commons/OpenLayer3/resources/example-behaviour.js"></script>
    <!-- 项目开发CSS资源导入 -->
    <link rel="stylesheet" href="./static/css/demo.css"/>
</head>
<body>
<div>
    <div class="navbar-inner">
        <div class="span12">
            <div id="map" class="map"></div>
        </div>
    </div>
</div>
<div>
    <div class="row-fluid">
        <h4 id="title">
            绘制要素
        </h4>

        <p id="short-desc">使用 ol.interaction.Draw interaction 示例</p>

        <form class="form-inline">
            <lable>地物类型</lable>
            <select id="drawtype">
                <option value="None" selected="selected">None</option>
                <option value="Point">点</option>
                <option value="LineString">线</option>
                <option value="Polygon">面</option>
            </select>
        </form>
        <button id="clear" class="btn-danger">清空图层</button>
    </div>
</div>
<!-- 项目开发JS资源引入 -->
<script src="static/js/draw-feature.js"></script>
</body>
</html>
